/*页眉*/
.header {
    /*    background-color:ghostwhite;*/
    color: black;
    text-align: left;
    padding: 3px;
    float: left;
    width: 100%;
    background-color: white;
    background-image: linear-gradient(to bottom, white , azure);
    background-size:cover;
}

/*搜索框div*/
.search[type=text] {
    width: 130px;
    box-sizing: border-box;
    border: 2px solid #ccc;
    font-size: 16px;
    background-color: white;
    background-position: 10px 10px;
    background-repeat: no-repeat;
    padding: 10px 20px 12px 40px;
    transition: width 0.4s ease-in-out;
    margin-left: 300px;
    margin-top: -60px;
    border-radius: 12px;
}

.search[type=text]:focus {
    width: 500px;
}

/*登录注册div*/
.login {
    margin-top: -130px;
    float: right;
    line-height: 100px;
}

/*登录*/
.dlspan {
    border: none;
    color: black;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 10px;
    background-color: lightcyan;
}

/*注册*/
.zcspan {
    border: none;
    color: black;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 10px;
    background-color: lightcyan;
}

/* 导航条 */
.topNav {
    float: left;
    overflow: hidden;
    width: 100%;
    padding: 3px;
    background-color: whitesmoke;
    box-shadow: 10px 10px 5px grey;
    display: inline-block;
    margin:0 auto;
    white-space:nowrap;
}

/*导航按钮样式*/
.links_button {
    background-color: white;
    color: black;
    border: 2px solid #555555;
}

/*导航按钮样式*/
.links_button:hover {
    background-color: #555555;
    color: white;
}

/*导航按钮样式*/
.button {
    background-color: whitesmoke; /* Green */
    border: none;
    color: black;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
    width: 120px;
    height: 40px;
}

/* 下拉内容（默认隐藏） */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

/* 下拉链接 */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* 悬停时更改下拉链接的颜色 */
.dropdown-content a:hover {
    background-color: #f1f1f1
}

/* 悬停时显示下拉菜单 */
.dropdown:hover .dropdown-content {
    display: block;
}

/* 显示下拉内容时，更改下拉按钮的背景颜色 */
.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}

/*文本*/
body {
    margin: 0;
}
/*垂直导航栏*/
.vertical {
    list-style-type: none;
    line-height: 30px;
    background-color: #eeeeee;
    height: 300px;
    width: 100px;
    float: left;
    padding: 5px;
    box-shadow: 10px 10px 5px grey;
    margin-top: 90px;
}

.verticalLiA {
    display: block;
    color: #000;
    padding: 8px 16px;
    text-decoration: none;
}
/*搜索按钮*/
.searchButton {
    background-color: deepskyblue;
    border: none;
    color: white;
    padding: 10px 30px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    margin-left: 180px;
    margin-top: -72px;
    border-radius: 12px;
}
.searchButton2:hover {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}
.img{
    background: url(/img/p.jpg) no-repeat fixed;
    background-size:cover;
}